<!-- 凌晨到现在超过60趋势图（横屏模式） -->
<template>
	<view class="trend-chart-page">
		<!-- uCharts图表 -->
		<view class="charts-box">
			<qiun-data-charts type="tline" :chartData="chartsDataTLine" :inScrollView="true" :disableScroll="true"
				background="none" :ontouch="true" :opts="opts" />
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				chartsDataTLine: {}, //图表展示数据
				opts: { //当前图表配置项
					"xAxis": { //x轴相关配置
						"itemCount": 7, //x轴刻度展示数量
						"scrollAlign": "right", //滚动条初始方向
					},
					"yAxis": { //y轴相关配置
						"data": [{
							"title": "凌晨到当前时刻超过60dB趋势图", //标题
							"titleOffsetX": 60, //x轴偏移量
							"titleOffsetY": 0 //y轴偏移量
						}]
					}
				},
			}
		},
		onLoad(data) { //页面加载时获取上一页面传来的数据存入 chartsDataTLine 中
			this.chartsDataTLine = JSON.parse(decodeURIComponent(data.chartsDataTLine));
		},
		methods: {

		}
	}
</script>

<style>
	/* uCharts图表 */
	.charts-box {
		width: 100%;
		height: 300px;
		background-color: #FFFFFF;
	}
</style>
